@charset "utf-8";

@font-face {
	font-family: "PingFang";
	src: url(../font/PingFang.ttf);
}
.animate__delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
/* 重置  */
*{-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;outline: 0;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family: 'PingFang', sans-serif ;}
body{background: #f3f3f3;color:#fff;overflow-x: hidden;}
html,body{height: 100%;}
a{color:#333;}
img{border:0px; object-fit: cover;}
.dreamer-prevnext li{padding: 10px 0;}

@keyframes key {
	0% {
			
			transform: translateY(100px);
			opacity: .5;}
	50% {
	 
			transform: translateY(50px);
			opacity: 0.8;}
	100% {
			transform: translateY(0px);
			opacity: 1;}
}

/* 清除浮动 */
.clearfix:after {content: "";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix {zoom: 1;} 


.flex{display: flex;}
.justify-center{ justify-content: center;}
.align-center{/* align-items: center; */}
.flex-wrap{ flex-wrap: wrap;}
.flex-column{ flex-direction: column;}

.px-27{
	padding-left: calc(27 / var(--rem) * 1rem);
	padding-right: calc(27 / var(--rem) * 1rem);
}
/*边距*/
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt2{margin-top:2px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt80{margin-top:80px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml24{margin-left:24px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl30{padding-left:30px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr30{padding-right:30px}

/*字号*/
.bold {font-weight: bold !important;}
.fs-10 {font-size: 10px !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}
.fs-20 {font-size: 20px !important;}
.fs-24 {font-size: 24px !important;}
.fs-30 {font-size: 30px !important;}
.fs-35 {font-size: 35px !important;}
.fs-40 {font-size: 40px !important;}
.fs-50 {font-size: 50px !important;}


/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle} 
.pr{position:relative} 
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1} 
.hidden{visibility:hidden} 
.none{display:none}
.fw{font-weight:bold;}
.fw_400{font-weight:400;}
/*颜色*/
.gray-fc{color:#999}
.gray-fc1{color:#666}
.gray-fc2{color:#bcbcbc}
.white-fc{color:#fff;}
.black-fc{color:#000}
.red-fc{color:#ff0000}
.yellow-fc{color: #f2a203;}
.green-fc{color:#22b512}
.blue-fc{color:#00b4eb}
.orange_fc{color:#ff5a05}
:root{
 --primary-color: #0036A2;
 --context_width: 1520;
 --rem: 16;
}
/* 布局 */
.g-body,.g-head,.g-foot{width:100%; float:left}
.g-wrap,.g-box{
   width: 100%;
   padding: 0 calc((1980 - var(--context_width)) / 2 / var(--rem) * 1rem);
   box-sizing: border-box;
   margin: 0 auto;
}
/* 内容容器 1405	 */
.content{
	width: 87.8125rem!important;
}
/*盒容器*/
.m-box{width:100%; float:left;}/*盒容器*/
.arrow{  position: absolute; left: 50%; width: 204px; margin: -40px 0 0 -102px; }
.img{  width: 100%;}

/*文字颜色*/
.text-white{color:#fff}

/*字体图标*/
@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot'); /* IE9*/
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
	url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family:"iconfont";font-size:16px;font-style:normal;}


/*显视*/
.pc_box{ display: block; }
.app_box{ display: none;  }
.pc_box_flex{ display: flex!important; }
.app_box_flex{ display: none!important;;}

/*线条*/
.line_top {border-top: 1px solid #ededed;}
.line_bottom {border-bottom: 1px solid #ededed;}
.line_left {border-left: 1px solid #ededed;}
.line_right {border-right: 1px solid #ededed;}

/*按钮*/
.btn_gray{float: left; height: 32px; font-size: 12px; line-height: 32px; border-radius: 4px; background: #fff; color: #888; border: 1px solid #ddd; padding: 0 16px ; }
.btn_gray:hover{border: 1px solid #15ab47; background: #15ab47; color: #fff; }

.btn_green{float: left; height: 32px; font-size: 12px; line-height: 32px; border-radius: 4px; background: #2b8ee2; color: #fff; border: 1px solid #2b8ee2; padding: 0 16px ; }
.btn_green:hover{border: 1px solid #2b8ee2; background: #2b8ee2; color: #fff; }

.btn_green_big{padding: 8px 24px; height: 32px; font-size: 12px; line-height: 32px; border-radius: 4px; background: var(--primary-color); color: #fff; border: 1px solid var(--primary-color);  }
.btn_green_big:active{border: 1px solid var(--primary-color); background: var(--primary-color); color: #fff; }
.btn_app_box{float: left; width: 100%; text-align: center; margin: 24px 0;}


/* 导航 */
.nav_box{position: fixed;top: 0;z-index: 999;width: 100%;height: calc(111 / var(--rem) * 1rem);background: linear-gradient( 180deg, #0036a2 0%, rgba(6,6,6,0) 100%);}
.nav_box .g-box{padding: 0 calc(147 / var(--rem) * 1rem);}
.nav_box .top_box .searchBox input{
	border: 0px solid #15ab47;
	background: none; 
	float: left;
	width: calc(110 / var(--rem) * 1rem);
	height: calc(28 / var(--rem) * 1rem);
	box-sizing: border-box;
	font-family: "微软雅黑", Arial;
	outline: 0;
	font-size: calc(14 / var(--rem) * 1rem);
	color: #fff; 
	padding-left: 0;
	margin-right: calc(10 / var(--rem) * 1rem);
}
.nav_box .top_box .searchBox input::placeholder {
  color: #fff;
}
.nav_box .searchBox {
	display: inline-block; 
	background: rgba(0,0,0,0.31); 
	float: right;
	padding: 0 calc(12 / var(--rem) * 1rem); 
	height: calc(30 / var(--rem) * 1rem); 
	border-radius: calc( 15 / var(--rem) * 1rem );
	border: 1px solid #fff;
}
.nav_box .searchBox .searchbtn{
	float: right;
	text-align: center; 
	width: calc(16 / var(--rem) * 1rem); 
	height: calc(16 / var(--rem) * 1rem);
	margin-top: calc(5 / var(--rem) * 1rem);
	cursor: pointer;
}
.nav_box .top_box{width: 100%;}
.nav_box .top_box .logo_img{
	margin: calc(24 / var(--rem) * 1rem) calc(50 / var(--rem) * 1rem) 0 0; 
	float: left; 
	height: calc(58 / var(--rem) * 1rem);
	width: auto;
}
.nav_box .top_box .logo_text{
	color: #fff; 
	line-height:  calc(45 / var(--rem) * 1rem); 
	margin-top:  calc(29 / var(--rem) * 1rem); 
	float: left; 
	font-size: calc(32 / var(--rem) * 1rem);
	position: relative;
}
.nav_box .top_box .logo_text::before{ 
	content: ''; 
	position: absolute; 
	top:  calc(11 / var(--rem) * 1rem);
	left: calc(-25 / var(--rem) * 1rem); 
	width: 1px; 
	height:  calc(22 / var(--rem) * 1rem); ; 
	background: rgba(255, 255, 255, 0.66);
}

.nav_box .top_box .searchBox_nav {float: right; margin-top: calc(39 / var(--rem) * 1rem); text-align: right;}
.nav_box .top_box .hcontact{float: right; margin-top: calc(36 / var(--rem) * 1rem);}
.nav_box .right_box{ float: right; margin: 10px 30px 0 0 ; color:#ddd; line-height: 50px; }
.nav_box .right_box a{ color: #666; padding: -2px 0;}
.line{ float: left; width: 20px;text-align: center; color: #666; font-size: 14px;line-height: 53px; }

/* 导航-pc */
.navBar{z-index:1;color:#fff;height: 2.5rem;line-height: calc(36 / var(--rem) * 1rem);margin-right: calc(20 / var(--rem) * 1rem);float: right;}
.nav h3{font-size: 1rem;font-weight: normal;}
.nav .m{position:relative;float:left;display:inline;text-align:center;border: 2px solid transparent;box-sizing: border-box;transition: all .3s;}
.nav .on{border-radius: 4px;border: 2px solid #FFFFFF;}
/* .nav .on .zs{opacity:0;} */
/* .nav .on ~ .m .zs{opacity:1;} */
.nav .m h3 i{ display:inline-block; display:inline; zoom:1; width:7px; height:4px;  overflow:hidden; margin:0; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; }
.nav h3 a{margin: 0 calc(27 / var(--rem) * 1rem);color:#fff;font-weight: 400;}
.nav h3 .zs{position: absolute;color: #fff;font-weight: 100;margin-left: -1px;}
.nav .m:last-child h3 a{padding-right: 0;}
.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
.nav .sub{display:none; /*默认隐藏*/min-width: 100%;padding: 0px 0;position:absolute;left: 0;top: 3rem;background:#fff;border:1px solid #fff;float:left;line-height:40px;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.nav .sub li{ text-align:center; font-size: 14px ; }
.nav .sub li a{ color:#333; display:block; zoom:1; padding: 0 10px;white-space: nowrap;}
.nav .sub li a:hover{background: var(--primary-color);color:#fff;}


/* 导航-app */
.leftMenu {background: #f5f5f5;left: -1000px;position: fixed;top: 0;bottom: 0;display: block;height: 100%;width: 68%;min-width: 140px;max-width: 440px;z-index: 90002;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;overflow-y: auto;}
.leftMenu.menu-open { left: 0;}
.leftMenu .on{color: #fff;background: var(--primary-color);}
.leftMenu .on a{ color: #fff; font-weight: bold;}
.leftMenu a{text-decoration: none;display: block; padding-left: 20px; color: #000;}
.leftMenu a:active{background: #f5f5f5;}
.leftMenu ul { list-style: none; }
.leftMenu ul li {position: relative;line-height: 50px;border-bottom: 1px solid #fff;}
.leftMenu ul li.hasChild > a:after { content: "+"; position: absolute; right: 20px; top: 4px; font-size: 24px;font-weight: 300;}
.leftMenu ul li.hasChild.open > a:after { content: "-"; right: 23px; font-size: 28px; top: 3px;}
.f2, .f3 { background: #fff; height: 0; padding-left: 20px;overflow: hidden; position: relative; transition: height 0.4s ease;-moz-transition: height 0.4s ease;-webkit-transition: height 0.4s ease; -o-transition: height 0.4s ease;}
.menu-dark-backdrop { background: rgba(0,0,0,0); transition: all 0.4s ease; -moz-transition: all 0.4s ease;  -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; width: 100%;position: fixed; top: 0; left: 0; right: 0; overflow: hidden;}
.menu-dark-backdrop.in { height: 100%; z-index: 90001; background: rgba(0,0,0,0.5);}


/* 首页 */
.index-content{ padding: 0;}
.index-content1{width: 100%;float: left;padding: calc(144 / var(--rem) * 1rem) 0 0px 0;background: linear-gradient( 180deg, #B6D3FF 0%, rgba(182,212,255,0) 100%);}
.index-txt{float: left; width: 100%;  padding: 40px 0;}
.index-txt .txt_1{ width: 100%; font-size: 32px; color: #000; display: inline-block; text-align: center; font-weight: bold;}

/* 首页图片轮播css */
/* banner-pc */
.banner_box{width: 100%;float: left;background: linear-gradient(0deg, rgba(6,80,165,0) 0%, var(--primary-color) 100%);}
.banner_box .img{ width: 100%;}
.banner_box .top_img{position: absolute; width: 100%;}
.focusBox {position: relative;width:100%;height: calc(967 / var(--rem) * 1rem);overflow: hidden;}
.focusBox .pic{position:relative;z-index:0;position:absolute;}
.focusBox .pic img {height: 100%; display: block; width: 100vw; transform: scale(1.1, 1.1);}
.focusBox .pic .active-item img {transition: all 6s linear;transform: scale(1, 1) !important;}
.focusBox .hd { position: absolute; top: 0; right: 4.5rem; height: 100%; z-index:1; display: flex; flex-direction: column; justify-content: center;}
.focusBox .hd li{display: none; margin: 0.7rem 0; height: 16px; overflow: hidden; width: 1rem; height: 1rem; font-size: 0; border: 3px solid #fff; border-radius: 100%; cursor: pointer; zoom:1;  }
.focusBox .hd .on{ background: #fff; }
/* banner-App */
.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:16px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:8px; padding:3px 8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#ddd; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#ffc90f;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  background:url(../img/loading.gif) center center no-repeat; vertical-align: top; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/* 首页按钮 */
.index_bnt_box{position: absolute; width: 100%; margin-top: calc(888 / var(--rem) * 1rem);z-index: 99;}
.index_bnt_bj{display: flex;justify-content: space-between;z-index: 99;border-radius: 6px;text-align: center; animation: .5s linear 0s 1 normal none running key; background: #fff;box-shadow: 0px 2px 26px 0px rgba(0,0,0,0.10);}
.index_bnt_bj_6{width: 100%;height: calc(157 / var(--rem) * 1rem); color: #333; font-size: calc(16 / var(--rem) * 1rem); line-height: calc(21 / var(--rem) * 1rem); }
.index_bnt_bj_6 a{width: 100%; height: calc(83 / var(--rem) * 1rem); margin: calc(16 / var(--rem) * 1rem) 0; display: flex; justify-content: center;align-items: center;}
.index_bnt_bj_6 a img{width: calc(86 / var(--rem) * 1rem); height: calc(86 / var(--rem) * 1rem);}
.index_bnt_bj_6:hover {transform: scale(1.2, 1.2); transition: transform 1s ease;}
.index_bnt_bj_6:hover p{color: var(--primary-color);}
.index_bnt_box .sticky{display: none;}
.skeu {background-color: #fff;}
.skeu .index_bnt_bj_6{background: transparent;box-shadow: none;position: relative;}
.skeu .index_bnt_bj_6::after{content: '';position: absolute;right: -1px;height: 50%;width: 1px;background: #cccccc57;top: 50%;transform: translateY(-50%);}
.skeu .index_bnt_bj_6:last-child::after{content: none;position: absolute;right: -1px;height: 50%;width: 1px;background: #cccccc57;top: 50%;transform: translateY(-50%);}
/* .skeu .static{display: none;} */
.skeu .sticky{display: inline;width: calc(60 / var(--rem) * 1rem);height: calc(60 / var(--rem) * 1rem);}

/* 招生动态 */
.index_news_box {width: 100%; padding-bottom: calc(76 / var(--rem) * 1rem); position: relative;}
.index_news_box .model_content {display: flex; justify-content: space-between; position: relative; z-index: 1;}
.index_news_box .news_box_left {width: calc(520 / var(--rem) * 1rem); flex-shrink: 0;}
.index_news_box .news_box_center {
	width: calc(451 / var(--rem) * 1rem); 
	flex-shrink: 0;
	margin-top: calc(87 / var(--rem) * 1rem);
	position: relative;
	z-index: 2;
}
.index_news_box .news_box_center img{
	width: 100%;
}
.index_news_box .news_box_center img:hover{
	transform: scale(1.2, 1.2);transition: transform 0.3s linear;
}
.index_news_box .news_top{display: flex;justify-content: space-between; align-items: flex-end; padding-bottom: calc(46 / var(--rem) * 1rem);}
.index_news_box .news_top .news_top_title{line-height: calc(41 / var(--rem) * 1rem); font-size: calc(29 / var(--rem) * 1rem);color: var(--primary-color); font-weight: bold; position: relative;}
.index_news_box .news_top .news_top_title::before{
	content: '';
	position: absolute; 
	left: 0; 
	bottom: calc(-8 / var(--rem) * 1rem); 
	width: calc(127 / var(--rem) * 1rem);
	height: calc(4 / var(--rem) * 1rem);
	background: linear-gradient( 62deg, #86B7FF 0%, rgba(182,212,255,0) 100%);
}
.index_news_box .news_top .news_top_right img {width: calc(48 / var(--rem) * 1rem);}
.index_news_box .news_list {
	border-radius: 6px;
	padding-left: calc(8 / var(--rem) * 1rem);
	background-color: #fff;
	background-image: url(../img/news_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}
.index_news_box .news_list li {
	width: 100%; 
	height: calc(77 / var(--rem) * 1rem); 
	display: flex; 
	justify-content: space-between; 
	align-items: center;
	border-bottom: 1px dashed #eee;
}
.index_news_box .news_list li .news_name { 
	flex-grow: 1;
	padding-left: calc(25 / var(--rem) * 1rem);
	padding-right: calc(10 / var(--rem) * 1rem);
	color: #333;
	font-size: calc(16 / var(--rem) * 1rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.index_news_box .news_list li .news_right {
	width: calc(85 / var(--rem) * 1rem);
	padding-left: calc(20 / var(--rem) * 1rem);
	flex-shrink: 0;
}
.index_news_box .news_list li .news_right span {
	color: var(--primary-color);
	font-size: calc(13 / var(--rem) * 1rem);
	line-height: calc(17 / var(--rem) * 1rem);
	display: block;
	text-align: center;
}
.index_news_box .news_list li .news_right span.news_day {
	font-size: calc(23 / var(--rem) * 1rem);
	line-height: calc(33 / var(--rem) * 1rem);
	margin-bottom: calc(-3 / var(--rem) * 1rem);
}
.index_news_box .news_list li:hover {background: var(--primary-color);transform: scale(1.1); transition: transform .5s ease;}
.index_news_box .news_list li:hover .news_name {width: 100%;padding-right: calc(27 / var(--rem) * 1rem);color: #fff;}
.index_news_box .news_list li:hover .news_right span{color: #fff;}
.index_news_box .news_big_bg {
	position: absolute;
	top: calc(121 / var(--rem) * 1rem);
	left: 0;
	width: 100%;
}
.erji_content_botton a{
    display: block;
    margin: 0 auto;
    background: #0036a2;
    color: #fff;
    width: 146px;
    height: 47px;
    line-height: 47px;
    border-radius: 40px;
    text-align: center;
}

/* 学院简介 */
.index_introduce_box {background: rgba(0,54,162,0.8); padding: calc(76 / var(--rem) * 1rem) 0 calc(42 / var(--rem) * 1rem); clear: both; position: relative; z-index: 1;}
.index_introduce_box .intro_title{ text-align: center; }
.index_introduce_box .intro_title img{ width: calc(281 / var(--rem) * 1rem); }
.index_introduce_box .intro_text{
	margin-top: calc(26 / var(--rem) * 1rem);
	font-size: calc(16 / var(--rem) * 1rem); 
	line-height: calc(39 / var(--rem) * 1rem); 
	text-indent: 4em;
	color: #fff;
}
.index_introduce_box .intro_footer {text-align: center;margin-top: calc(31 / var(--rem) * 1rem);}
.index_introduce_box .intro_footer a {color: #fff;font-size: calc(14 / var(--rem) * 1rem); line-height: calc(21 / var(--rem) * 1rem);}
.index_introduce_box .intro_footer a img {height: calc(21 / var(--rem) * 1rem);margin-left: calc(5 / var(--rem) * 1rem);vertical-align: top;}

/* 聚焦学院 */
.index_focus_box {
	width: 100%; 
	padding-top: calc(39 / var(--rem) * 1rem);
	padding-bottom: calc(74 / var(--rem) * 1rem);
	background-image: url(../img/major_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.index_focus_box .focus_top{display: flex;justify-content: space-between; align-items: center;}
.index_focus_box .focus_top .focus_top_title{line-height: calc(42 / var(--rem) * 1rem); font-size: calc(30 / var(--rem) * 1rem);font-weight: bold; position: relative;}
.index_focus_box .focus_top .focus_top_title::before{
	content: '';
	position: absolute; 
	left: 0; 
	bottom: calc(-8 / var(--rem) * 1rem); 
	width: calc(273 / var(--rem) * 1rem);
	height: calc(4 / var(--rem) * 1rem);
	background: linear-gradient( 62deg, #86B7FF 0%, rgba(182,212,255,0) 100%);
}
.index_focus_box .focus_top .focus_top_title::after{
	content: 'SHI DA YING XIANG';
	position: absolute; 
	left: calc(133 / var(--rem) * 1rem);
	bottom: calc(3 / var(--rem) * 1rem); 
	color: #329CFF;
	font-size: calc(15 / var(--rem) * 1rem);
	line-height: calc(21 / var(--rem) * 1rem);
	font-weight: normal;
	white-space: nowrap;
}
.index_focus_box .focus_top .focus_top_right img {height: calc(21 / var(--rem) * 1rem);}
.index_focus_box .focus_list_box {margin-top: calc(46 / var(--rem) * 1rem); display: flex;justify-content: space-between;}
.index_focus_box .focus_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_focus_box .focus_list:nth-of-type(1) {margin-right: calc(21 / var(--rem) * 1rem);}
.index_focus_box .focus_list:nth-of-type(1) li {
	width: calc(755 / var(--rem) * 1rem);
	height: calc(485 / var(--rem) * 1rem);
}
.index_focus_box .focus_list li{
	position: relative;
	width: calc(366 / var(--rem) * 1rem);
	height: calc(235 / var(--rem) * 1rem);
	margin-bottom: calc(16 / var(--rem) * 1rem);
	overflow: hidden;
	border-radius: 8px;
}
.index_focus_box .focus_list li .focus_img { width: 100%; height: 100%; }
.index_focus_box .focus_list li:hover .focus_img {transition: all 2s linear;transform: scale(1.2, 1.2) !important;}
.index_focus_box .focus_list li .focus_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(3,3,3,0.3);
	font-size: calc(36 / var(--rem) * 1rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index_focus_box .focus_list li .focus_mask .focus_play {
	position: absolute;
	right: calc(14 / var(--rem) * 1rem);
	top: calc(22 / var(--rem) * 1rem);
	width: calc(45 / var(--rem) * 1rem);
	height: calc(45 / var(--rem) * 1rem);
}
.index_focus_box .focus_list:nth-of-type(2) li .focus_mask {font-size: calc(20 / var(--rem) * 1rem);}
.index_focus_box .focus_list:nth-of-type(2) li .focus_mask .focus_play{top: calc(13 / var(--rem) * 1rem);}

/* 院系专业 */
.hzhb_box .spdq_box_bj_title{width:100%; display: flex; justify-content: space-between; align-items: flex-end; padding-top: calc(72 / var(--rem) * 1rem);}
.hzhb_box .spdq_box_bj_title .title{
	color: #333;
	font-size: calc(30 / var(--rem) * 1rem);
	line-height: calc(42 / var(--rem) * 1rem);
	position: relative;
}
.hzhb_box .spdq_box_bj_title .title::before{
	content: '';
	position: absolute; 
	left: 0; 
	bottom: calc(-8 / var(--rem) * 1rem); 
	width: calc(273 / var(--rem) * 1rem);
	height: calc(4 / var(--rem) * 1rem);
	background: linear-gradient( 62deg, #86B7FF 0%, rgba(182,212,255,0) 100%);
}
.hzhb_box .spdq_box_bj_title .title::after{
	content: 'YUAN XI ZHUAN YE';
	position: absolute; 
	left: calc(139 / var(--rem) * 1rem);
	bottom: calc(3 / var(--rem) * 1rem); 
	font-size: calc(15 / var(--rem) * 1rem);
	line-height: calc(21 / var(--rem) * 1rem);
	font-weight: normal;
	white-space: nowrap;
}
.hzhb_box .spdq_box_bj_title .toMore img{height: calc(21 / var(--rem) * 1rem);}
.hzhb_box .spdq_box_bj_title .title span{font-weight:bold;font-size: 1.75rem;color:#333;padding: 0  1.25rem;}
.hzhb_box .spdq_box_bj_title .sub_title{margin-top:14px;font-weight:400;font-size:16px;color:#333;line-height:23px;text-align:center} 
.spdq_box_bj .spdq_box_bj_title{width:100%}.spdq_box_bj .spdq_box_bj_title .title{width:100%;display:flex;justify-content:center;align-items:center;margin-top: 4.75rem;}.spdq_box_bj .spdq_box_bj_title .title span{font-weight:bold;font-size: 1.75rem;color:#FFFFFF;/* line-height:23px; */padding: 0 1.25rem;}.spdq_box_bj .spdq_box_bj_title .sub_title{margin-top: 0.875rem;font-weight:400;font-size: 1rem;color:#FFFFFF;line-height:23px;text-align:center}
.spdq_box_bj_title .title img{height: 1.3125rem;}
.hzhb_box .box_bj{width: 100%;background:transparent;}
.hzhb_box .box_bj img{width: 100%; height: 100%; object-fit: cover; background:transparent;}
.hzhb_box .box_bj .top{width: 87.5rem;height: 22.3125rem;border-radius:10px}
.hzhb_box .box_bj .top .item{overflow:hidden;position:relative;width:100%;height:100%;border-radius:10px}
.hzhb_box .box_bj .top .item img{border-radius:10px;width:100%;transition: all .4s;height: 100%;object-fit: fill;}
.hzhb_box .box_bj .top .item:hover img{transform: scale(1.2);cursor: pointer;}
.hzhb_box .box_bj .top .item p{position:absolute;bottom:27px;left:23px;font-weight:400;font-size:16px;color:#ffffff}
.hzhb_box .box_bj .bottom{width: 87.5rem;height: 12.5rem;border-radius:10px;margin-top:23px;display:flex;flex-wrap:wrap;justify-content:space-between}
.hzhb_box .box_bj .bottom .item{width:100%;overflow:hidden;position:relative;height:100%;border-radius:10px;width: 24.5%;}
.hzhb_box .box_bj .bottom .item img{border-radius:10px;width:100%;transition: all .4s;height: 100%;object-fit: fill;}
.hzhb_box .box_bj .bottom .item:hover img{transform: scale(1.2);cursor: pointer;}

.hzhb_box .box_bj .bottom .item p{position:absolute;bottom: 1.6875rem;left: 1.4375rem;font-weight:400;font-size: 1rem;color:#ffffff}
.hzhb_box p{font-size: 16px; color: #000;line-height:32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.xxzy_box{
	background: url(../img/focus_bg.png);
	background-size: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
.ladyScroll_b{width: 87.5rem;height: 27rem;position:relative;margin: 0 auto;}
.zhaoshengx {padding-bottom: calc(104 / var(--rem) * 1rem);}
.zhaoshengx .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.xxzy_box .box_bj {height: calc(533 / var(--rem) * 1rem);border-radius:8px;overflow: hidden; display:flex;flex-wrap:wrap;justify-content:space-between;width: 100%;}
.xxzy_box .box_bj  .item{width:100%;overflow:hidden;position:relative;height:100%;width: 100%;}
.xxzy_box .box_bj  .item .item-img{
	width: 100%;
	height: 100%;
}
@keyframes fadein {
	0% {
	  opacity: 0;
	  transform: scale(1.1);
	}
	25%,50% {
	  opacity: 1;
	}
	100% {
	  opacity: 1;
	  transform: scale(1);
	}
}
.xxzy_box .box_bj .item:hover{
	box-shadow: 0 0 5px 2px #9E9E9E;
}
.xxzy_box .box_bj  .item .item-img img{transition: all 2s;position: absolute;border-radius: 0.625rem 0.625rem 0 0;}
.xxzy_box .box_bj  .item .item-img .swiper-v {width: 100%;}
.xxzy_box .box_bj  .item .item-img .swiper-slide{
	position: relative;
	background: #fff;
}
.xxzy_box .box_bj  .item:hover .tc {opacity: 0;z-index: -1;}
.xxzy_box .box_bj  .item .item-img  .ver{
	transition: all .4s;
	position: absolute;
	opacity: 0;
	font-weight: 400 !important;
	color: #ffffff;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 70%);
	line-height: calc(44 / var(--rem)* 1rem);
	font-size: calc(16 / var(--rem)* 1rem);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.xxzy_box .box_bj  .item:hover  .ver{position: absolute;z-index: 99;opacity: 1;}
.xxzy_box .box_bj  .item .item-img  .ver .more:hover{
	cursor: pointer;
	background: #fff;
	color: #000;
}
.xxzy_box .box_bj  .item .item-img  .ver .more{
	z-index: 999999999999999;
	position: absolute;
	display: inline;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	border: 1px solid #ccc;
	border-radius: 1rem;
	padding: 0rem 1rem;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	height: 2.5rem;
	line-height: 2.3rem;
}
.xxzy_box .box_bj  .item:hover .item-img .swiper-slide img{
	transform:scale(1.3);	
	}

	.xxzy_box .box_bj .item .item-img .ver span:hover{color: #FFD700;cursor: pointer;}

	
.xxzy_box .box_bj  .item .item-img img{transition: all .5s;position: absolute;border-radius: 0.625rem 0.625rem 0 0;opacity: 0}
.xxzy_box .box_bj  .item .item-img img:nth-child(1){opacity: 1}

.xxzy_box .box_bj .item:hover .item-img img {
	animation: fadein 10s ;
  }
  
  /* 为每张图片设置不同的动画延迟 */
  .xxzy_box .box_bj .item:hover .item-img img:nth-child(1) {
	animation-delay: 8s;
  }
  .xxzy_box .box_bj .item:hover .item-img img:nth-child(2) {
	animation-delay: 0s;
  }
  .xxzy_box .box_bj .item:hover .item-img img:nth-child(3) {
	animation-delay: 2s;
  }
  .xxzy_box .box_bj .item:hover .item-img img:nth-child(4) {
	animation-delay: 4s;
  }

  .xxzy_box .box_bj  .item:hover .item-img img{
	transform:scale(1.2);	
	}
  /* 为每张图片设置不同的动画延迟 */
  .xxzy_box .box_bj .item:hover .item-img img:nth-child(1) {
	animation-delay: 8s;
  }
  .xxzy_box .box_bj .item:hover .item-img img:nth-child(2) {
	animation-delay: 0s;
  }
  .xxzy_box .box_bj .item:hover .item-img img:nth-child(3) {
	animation-delay: 2s;
  }
  .xxzy_box .box_bj .item:hover .item-img img:nth-child(4) {
	animation-delay: 4s;
  } */
.xxzy_box .box_bj  .item:hover p{backdrop-filter: saturate(50%) blur(10px);background: radial-gradient(100px 100px ellipse at 50% 51%, #246bd1, #144d9b);}

.xxzy_box .box_bj  .item img{border-radius:10px;width:100%;height: 100%;object-fit: cover;border-radius: 0.625rem 0.625rem 0 0;}
.xxzy_box .box_bj  .item p{
	position:absolute;
	font-weight:500;
	font-size: calc(16/ var(--rem) * 1rem);
	color:#ffffff;
	width: 100%;
	height: calc(48 / var(--rem) * 1rem);
	background: linear-gradient( 90deg, #060606 0%, rgba(0,0,0,0) 100%);
	line-height: calc(48 / var(--rem) * 1rem);
	bottom: 0;
	left: 0;
	z-index: 9999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ladyScroll_a{width: 100%;height: calc(533 / var(--rem) * 1rem);position:relative;margin-top: calc(50 / var(--rem) * 1rem);}
.ladyScroll_a .prev{position:absolute;top: calc(50% - (24 / var(--rem) * 1rem)); left: calc(-125 / var(--rem) * 1rem);;}
.ladyScroll_a .prev img{transform: rotate(180deg);width: calc(48 / var(--rem) * 1rem);}
.ladyScroll_a .next img{width: calc(48 / var(--rem) * 1rem);}
.ladyScroll_a .next{position:absolute;top:calc(50% - (24 / var(--rem) * 1rem));right: calc(-125 / var(--rem) * 1rem);}
.ladyScroll_a .prev:hover{cursor: pointer;transform: scale(1.1);}
.ladyScroll_a .next:hover{cursor: pointer;transform: scale(1.1);}
.ladyScroll_a .scrollWrap{width:100%;padding-top: 0;margin-left: 3px;overflow:hidden;position:absolute;height: 100%;}
.ladyScroll_a dl{/* width: 87.5rem; */text-align:center;position:relative;margin:0 10px 0 10px;background:transparent;margin: 0 auto;width: 100%;}



.toMore:hover {transform: scale(1.2, 1.2);transition: transform 0.3s linear;}

/* footer */
.index_footer_box {background: #000;}
.index_footer_box .model_content{padding: 0 calc(160 / var(--rem) * 1rem) calc(17 / var(--rem) * 1rem)}
.index_footer_box .footer_link a{
	line-height: calc(65 / var(--rem) * 1rem);
	color: #CECECE;
	font-size: calc(14 / var(--rem) * 1rem);
	margin-right: calc(50 / var(--rem) * 1rem);
}
.index_footer_box .footer_link a:hover {color: #fff;}
.index_footer_box .footer_content{
	padding-top: calc(28 / var(--rem) * 1rem);
	display: flex; 
	justify-content: space-between;
}
.index_footer_box .footer_left{margin-top: calc(55 / var(--rem) * 1rem); flex-shrink: 0;}
.index_footer_box .footer_left img{width: calc(259 / var(--rem) * 1rem);}
.index_footer_box .footer_contact{max-width: calc(300 / var(--rem) * 1rem); color: #bbb;}
.index_footer_box .contact_title{
	font-size: calc(20 / var(--rem) * 1rem);
	line-height: calc(39 / var(--rem) * 1rem);
}
.index_footer_box .contact_content p{
	line-height: calc(39 / var(--rem) * 1rem); 
	font-size: calc(16 / var(--rem) * 1rem);
}
.index_footer_box .contact_content p:hover{
	color: #fff;
}
.index_footer_box .contact_content p.contact_qq{
	margin-top: calc(26 / var(--rem) * 1rem);
}
.index_footer_box .contact_content p.contact_qq img{
	width: calc(25 / var(--rem) * 1rem);
	margin-right: calc(22 / var(--rem) * 1rem);
	vertical-align: middle;
	margin-top: -3px;
}
.index_footer_box .footer_right {
	display: flex;
	width: 40%;
	justify-content: space-between;
	text-align: center;
}
.index_footer_box .footer_right li {
	width: 30%;
	margin-top: calc(42 / var(--rem) * 1rem);
}
.index_footer_box .footer_right img{ 
	width: 86%;
	border-radius: 10%;
	background-color: #fff;
	padding: 2%;
}
.index_footer_box .footer_right p {
	color: #bbb;
	margin-top: calc(15 / var(--rem) * 1rem);
	line-height: calc(20 / var(--rem) * 1rem);
	font-size: calc(14 / var(--rem) * 1rem);
}
.footer_copyRight {
	line-height: calc(66 / var(--rem) * 1rem);
	color: #A9A9A9;
	text-align: center;
	background: #000;
	font-size: calc(16 / var(--rem) * 1rem);
	border-top: 1px solid #424242;
}



@media screen and (max-width: 768px) {
	body, textarea, input, button, select, keygen, legend {
    font: 14px "Microsoft YaHei", "微软雅黑", \9ed1\4f53, \5b8b\4f53, "Microsoft JhengHei", "华文细黑", STHeiti, MingLiu;
	}
	/* 内容容器 1405	 */
    .content{width:100%;}
		.model_content {margin: 0 3%;}
	/*显视*/
	.pc_box{ display: none; }
	.app_box{display: block;margin-top: 0;}

	.pc_box_flex{ display: none!important; }
	.app_box_flex{ display: flex!important;}
	
	/* 布局 */
	.g-wrap,.g-box{width:100%; padding-left: 0; padding-right: 0;}
	.arrow{  width: 100px; margin: -20px 0 0 -50px; }
	
	/* 导航 */
	.nav_box{  height: 72px; }
	.nav_box .top_box{height: 72px;background: var(--primary-color);}
	.nav_box .top_box .logo_img{margin: 16px 0px 0 16px;height: 40px; }
	.nav_box .top_box .logo_text{display: none; }
	.nav_box .right_box{  margin: 3px 15px 0 0 ;}
	.nav_box .top_Contact .top_Contact_left{ margin-left: 13px;}
	
	/* 导航-pc */
	.navBar{display:none ;}
	
	/* 首页 */
	.index-content{ padding:72px 0 0 0;}
	.index-content1{padding: 150px 0 0px 0;}
	.index-txt{ padding: 24px 0;}
	.index-txt .txt_1{  display: block; font-size: 24px}
	
	/* 首页按钮 */
	.index_bnt_box{width: 100%;margin-top: 34.4375rem;}
	.index_bnt_bj{background: #fff;box-shadow: 0px 5px 5px 0 #ccc;width: 94%;height: 200px;padding: 10px;margin: 0 3%;font-size: 14px;color: #073f7c;background: #fff;box-shadow: 0px 5px 5px 0 #ccc; flex-wrap: wrap;}
	.index_bnt_bj a{width: 100%;height: 35px; margin-bottom: 20px;}
	.index_bnt_bj a img{width: 40px; height: auto !important;}
	.index_bnt_bj_6{width: 25%;padding-top: 5px;height: 75px; text-align: center;}
	.index_bnt_bj_6 p{font-size: 12px;}

	/* 招生动态 */
	.index_news_box{padding-bottom: 10px;}
	.index_news_box .model_content { flex-direction: column;}
	.index_news_box .news_box_left {width: 100%; margin-bottom: 20px;}
	.index_news_box .news_box_center {width: 100%;margin-bottom: 20px;}
	.index_news_box	.news_top {margin-bottom: 20px;}
	.index_news_box	.news_top .news_top_title {font-size: 20px; line-height: 30px;}
	.index_news_box	.news_top .news_top_title::before {width: 100px;}
	.index_news_box	.news_top .news_top_right img{height: 14px; width: auto;}
	.index_news_box .news_list li {width: 100%; height: 50px;}
	.index_news_box .news_list li .news_name{font-size: 12px; width: 80%;}
	.index_news_box .news_list li .news_right{width: 18%;}
	.index_news_box .news_list li .news_right span{font-size: 10px;line-height: 14px;}
	.index_news_box .news_list li .news_right span.news_day{font-size: 14px;line-height: 20px;margin-bottom: 0;}

	/* 学院简介 */
	.index_introduce_box {padding: 30px 0;}
	.index_introduce_box .intro_title img{height: 50px; width: auto;}
	.index_introduce_box .intro_text{font-size: 12px; line-height: 28px;}
	.index_introduce_box .intro_footer a {font-size: 12px; line-height: 28px;}
	.index_introduce_box .intro_footer a .intro_name {font-size: 16px;font-weight: bold;}
	.index_introduce_box .intro_footer a img {height: 12px;vertical-align: middle;margin-top: -3px;}

	/* 聚焦学院 */
	.index_focus_box{padding-bottom: 10px;padding-top: 20px;}
	.index_focus_box	.focus_top {margin-bottom: 20px;}
	.index_focus_box	.focus_top .focus_top_title {font-size: 20px; line-height: 30px;}
	.index_focus_box	.focus_top .focus_top_title::before {width: 100px;}
	.index_focus_box	.focus_top .focus_top_title::after {left: calc(100% + 10px); font-size: 10px;line-height: 14px;}
	.index_focus_box	.focus_top .focus_top_right img{width: auto; height: 14px;}
	.index_focus_box	.focus_list_box {display: block;}
	.index_focus_box .focus_list li .focus_mask .focus_play { width: 20px; height: 20px;}
	.index_focus_box	.focus_list:nth-of-type(1) li{width: 100%;height: 200px;}
	.index_focus_box	.focus_list li {width: 48%;height: 100px;}
	.index_focus_box	.focus_list li .focus_title{line-height: 30px; font-size: 12px; padding: 0 16px;}

	/* 院系专业 */
	.hzhb_box .spdq_box_bj_title .title{font-size: 20px; line-height: 30px;}
	.hzhb_box .spdq_box_bj_title .title::before {width: 100px;}
	.hzhb_box .spdq_box_bj_title .title::after {left: calc(100% + 10px); font-size: 10px;line-height: 14px;}
	.hzhb_box .spdq_box_bj_title .toMore img{width: auto; height: 14px;}
	.hzhb_box .hzhb_box {margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.hzhb_box .hzhb_box .box_bj{height: auto; aspect-ratio: 2 / 3;}
	.hzhb_box .hzhb_box p.tc{color: #fff; margin-bottom: 20px;font-size: 14px;}
	

	/* footer */
	.index_footer_box { padding: 20px 0 10px;}
	.index_footer_box .model_content { padding: 0;}
	.index_footer_box .footer_link { float: left; width: 30%; margin-top: 30px;}
	.index_footer_box .footer_link a{ font-size: 12px; white-space: nowrap; display: block; line-height: 20px;}
	.index_footer_box .footer_content {display: block; padding-top: 0;}
	.index_footer_box .footer_contact {max-width: 100%; padding: 0 5%; margin-left: 40%;}
	.index_footer_box .footer_contact .contact_title{font-size: 16px; line-height: 30px;}
	.index_footer_box .footer_contact .contact_content{width: 100%;display: block;}
	.index_footer_box .footer_contact .contact_content p{line-height: 20px; font-size: 12px;}
	.index_footer_box .footer_contact .contact_content p.contact_qq img{width: 14px;}
	.index_footer_box .footer_right {width: 100%; justify-content: space-between;}
	.index_footer_box .footer_right img{width: 100px;margin-top: 10px;}
	.index_footer_box .footer_right p{font-size: 10px; line-height: 20px;}
	.footer_copyRight {line-height: 40px; font-size: 10px;}
}






